*{
    margin:0;
    padding:0;
}
li{
    list-style: none;
}
a{
    text-decoration: none;
}
body{
    width:100%;
    hight:100%;
    background: #3c4452;
}
nav{
    width:100%;
    height:60px;
    background: #2cabe3;
    position: fixed;
    top:0;
    left:0;
	z-index:999;
}
.nav_1{
    height:100%;
    /*width:220px;*/
    float: left;
    margin-left:60px;
    border-right:1px solid #289dd1;
}
.nav_img{
    margin-top:12px;
    margin-left:20px;
    margin-right:20px;
}
.nav_ul li{
    float: left;
    height:40px;
    padding:20px 15px 0px;
    position: relative;
}
.nav_ul li:hover{
    background: rgba(0,0,0,.1);
}
.nav_ul li i{
   font-size:14px;
    color:white;
    font-style: normal;
}
.nav_ul .nav_ul_1{
    position: absolute;
    top:-400px;
    left:0px;
    z-index:999;
    background:#3c4452;
    cursor: pointer;
}
.nav_ul .nav_ul_2{
    width:310px;
    height:343px;
    position: absolute;
    z-index:999;
    cursor: pointer;
    top:300px;
    left:0px;
    display: none;
}
.nav_ul .nav_ul_1 li{
    width:240px;
    height:50px;
    border-bottom: 1px solid #434c59;
    padding-top:10px;
}
.nav_ul .nav_ul_1 li:first-child{
    line-height: 50px;
    color:#96a2b4;
    font-weight: bold;
    text-align: center;
}
.nav_ul .nav_ul_1 li:last-child{
    line-height: 50px;
    color:#96a2b4;
    font-weight: bold;
    text-align: center;
}
.nav_ul .nav_ul_1 li:hover{
    background: rgba(0,0,0);
}
.nav_ul_1 li img{
    width:35px;
    float: left;
    border-radius: 50%;
    margin-right:15px;
}
.nav_ul_1 li span{
    font-size:16px;
    color:#dce2ec;
    font-weight: bold;
}
.nav_ul_1 li p{
    font-size:10px;
    color:#8994a6;
}
.nav_input{
    float: right;
    position: relative;
}
.nav_input img{
    position: absolute;
    right:10px;
    top:22px;
}
.nav_input input{
    display: inline-block;
    width:160px;
    height:30px;
    margin-top:15px;
    border-radius: 30px;
    border:none;
    outline: none;
    padding-left:20px;
}
.nav_input input::-webkit-input-placeholder{
    color: #9ba6b1;
    font-weight: bold;
}
.nav_user{
    float: right;
    height: 60px;
    width:100px;
    margin:0px 15px;
    position: relative;
}
.nav_userimg{
    width:35px;
    height:35px;
    float: left;
    border-radius:50%;
    margin-top:10px;
}
.nav_user h3{
    font-size:10px;
    color:white;
    line-height: 60px;
    float: left;
    margin-left:10px;
}
.nav_arror{
    width:0px;
    height:0px;
    border:4px solid white;
    border-color:white transparent transparent transparent;
    position: absolute;
    right:0;
    top:29px;
}
aside{
    width:60px;
    height:100%;
    position: fixed;
    left:0px;
    top:0px;
    background: #2f323e;
    overflow-y: auto;
    overflow-x: hidden;
    z-index: 999;
}
.aside_ul li{
    width:100%;
    height:60px;
    cursor:pointer;
    position: relative;
}

.aside_ul li:hover{
    background: rgba(0, 0, 0, 0.07);
}
.aside_ul li i{
    font-size:22px;
    color:white;
    font-style: normal;
    margin-left:20px;
    line-height:60px;
}
.aside_ul li span{
    display: inline-block;
    font-size:22px;
    color:white;
    margin-left:15px;
    display: none;
}
.aside_ul li:nth-child(2) img{
    margin-left:14px;
    margin-top:13px;
}
.aside_ul li:nth-child(2) span{
    line-height:60px;
    font-size:14px;
    color:#97999f;
}
.aside_ul li:nth-child(4) i{
    font-size:18px;
    color:#97999f;
    margin-left:18px;
}
.aside_ul li:nth-child(4) span{
    font-size:14px;
    color:#97999f;
    margin-left:24px;
}
.aside_ul li:nth-child(5) i{
    font-size:18px;
    color:#97999f;
}
.aside_ul li:nth-child(5) span{
    font-size:14px;
    color:#97999f;
    margin-left:24px;
}
.aside_ul li:nth-child(6) i{
    font-size:18px;
    color:#97999f;
}
.aside_ul li:nth-child(6) span{
    font-size:14px;
    color:#97999f;
    margin-left:24px;
}
.aside_ul li:nth-child(7) i{
    font-size:18px;
    color:#97999f;
}
.aside_ul li:nth-child(7) span{
    font-size:14px;
    color:#97999f;
    margin-left:24px;
}
.aside_ul li:nth-child(8) i{
    font-size:18px;
    color:#97999f;
}
.aside_ul li:nth-child(8) span{
    font-size:14px;
    color:#97999f;
    margin-left:24px;
}
.aside_ul li:nth-child(9) i{
     font-size:18px;
     color:#97999f;
 }
.aside_ul li:nth-child(9) span{
    font-size:14px;
    color:#97999f;
    margin-left:24px;
}
.aside_ul li:nth-child(10) i{
    font-size:18px;
    color:#97999f;
}
.aside_ul li:nth-child(10) span{
    font-size:14px;
    color:#97999f;
    margin-left:24px;
}
.aside_ul li:nth-child(11) i{
    font-size:18px;
    color:#97999f;
}
.aside_ul li:nth-child(11) span{
    font-size:14px;
    color:#97999f;
    margin-left:24px;
}
.aside_ul li:nth-child(12) i{
    font-size:18px;
    color:#97999f;
}
.aside_ul li:nth-child(12) span{
    font-size:14px;
    color:#97999f;
    margin-left:24px;
}
.aside_ul li:nth-child(13) i{
    font-size:18px;
    color:#97999f;
}
.aside_ul li:nth-child(13) span{
    font-size:14px;
    color:#97999f;
    margin-left:24px;
}
.aside_ul li:nth-child(14) i{
    font-size:18px;
    color:#97999f;
}
.aside_ul li:nth-child(14) span{
    font-size:14px;
    color:#97999f;
    margin-left:24px;
}

.aside_ul li:nth-child(15) i{
    font-size:18px;
    color:#97999f;
}
.aside_ul li:nth-child(15) span{
    font-size:14px;
    color:#97999f;
    margin-left:24px;
}
.aside_ul li:nth-child(16) i{
    font-size:18px;
    color:#97999f;
}
.aside_ul li:nth-child(16) span{
    font-size:14px;
    color:#97999f;
    margin-left:24px;
}
.content{
    overflow: hidden;
    width:240px;
}
aside::-webkit-scrollbar {
    display: none;
}
.libox b{
    display: inline-block;
    width:4px;
    height:4px;
    border:1px solid white;
    transform: rotate(45deg);
    border-color: white white transparent transparent;
    position: absolute;
    right:20px;
    top:28px;
    display: none;
}
.aside_ul .dom{
    width:100%;
    height:420px;
    display: none;
}
.aside_ul .dom a{
    display: block;
    width:100%;
    height:60px;
    color:#97999f;
}
.aside_ul .dom a h3{
    float: left;
    line-height:60px;
    margin-left:80px;
}
.aside_ul .dom a h5{
    float: left;
    font-weight:100;
    line-height:60px;
    margin-left:10px;
}
.aside_ul .dom:hover{
    background:#2f323e;
}
.aside_ul .dom a:hover{
    color:white;
    background: rgba(0, 0, 0, 0.07);
}
.Bheader{
    width:100%;
    height:60px;
    border-bottom: 1px solid #434c59;
    margin-top:60px;
    margin-bottom: 25px;
}
.Bheader_1{
    height:60px;
    padding:0 25px 0 85px;
}
.Bheader_2{
    width:25%;
    height:60px;
    line-height:60px;
    color:#969fa7;
    font-weight: bold;
    float: left;
}
.Bheader_3{
    width:75%;
    height:60px;
    float: left;
    text-align: right;
}
.Bheader_4{
    line-height:60px;
    color:#969fa7;
}
.Bheader_5{
    line-height:60px;
    color:#30a4d5;
    padding-left:10px;
}
.Bheader_3 button{
    height:35px;
    width:130px;
    background: #ff7676;
    border-radius: 5px;
    margin-top:12px;
    color:white;
    font-size:14px;
    text-align: center;
    line-height:35px;
    border:none;
    outline: none;
    margin-left:20px;
}
.Bheader_6{
    float: right;
    margin-top:15px;
    margin-left:20px;
    cursor:pointer;
}
.Bheader_6 img{
    animation: a 2s infinite linear;
}
@keyframes a {
    from{
        transform:rotate(0deg);
    }
    to{
        transform:rotate(360deg);
    }
}
.Bright{
    width:240px;
    height:100%;
    position: fixed;
    right:0px;
    top:0px;
    background:#3c4452 ;
    overflow: auto;
    display: none;
    z-index:999;
}
.Bright::-webkit-scrollbar {
    display: none;
}
.Bright_1{
    width:240px;
    height:61px;
    background: #2cabe3;
}
.Bright_1 span{
    line-height:61px;
    font-size:10px;
    color:white;
    padding-left:25px;
}
.Bright_1 span:nth-child(2){
    padding-left:80px;
    font-size:24px;
    cursor: pointer;
}
.Bright_1 span:nth-child(2):hover{
    color:#3c4452;
}
.Bright_2{
    height:100%;
    padding:40px 25px 0;
}
.Bright_2_1 h3{
    font-size:10px;
    color:#96a2aa;
}

.Bright_2_1_1{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.Bright_2_1_1 a{
    display: block;
    width:50px;
    height:50px;
    margin-top:20px;
}
.Bright_2_1_1 a:nth-child(1){
    background: #4c5667;
}
.Bright_2_1_1 a:nth-child(2){
    background: #53e69d;
}
.Bright_2_1_1 a:nth-child(3){
    background: #a0aec4;
}
.Bright_2_1_1 a:nth-child(4){
    background: #2cabe3;
}
.Bright_2_1_1 a:nth-child(5){
    background: #707cd2;
}
.Bright_2_1_1 a:nth-child(6){
    background: #48505e;
}


.Bright_2_2{
    margin-top:20px;
}
.Bright_2_2 h3{
    font-size:10px;
    color:#96a2aa;
}
.Bright_2_2_1{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.Bright_2_2_1 a{
    display: block;
    width:50px;
    height:50px;
    margin-top:20px;
}
.Bright_2_2_1 a:nth-child(1){
    background: #ff7676;
}
.Bright_2_2_1 a:nth-child(2){
    background: #4af2a9;
}
.Bright_2_2_1 a:nth-child(3){
    background: #cae688;
}
.Bright_2_2_1 a:nth-child(4){
    background: #db79ea;
}
.Bright_2_2_1 a:nth-child(5){
    background: #d8f8a5;
}
.Bright_2_2_1 a:nth-child(6){
    background: #f8c4a5;
}


.Bright_2_3{
    margin-top:20px;
}
.Bright_2_3 h3{
    font-size:10px;
    color:#96a2aa;
}
.Bright_2_3_1 li a{
    width:100%;
    float: left;
    padding-top: 20px;
}
.Bright_2_3_1 li a img{
    float: left;
    width:30px;
    border-radius: 50%;
    margin-right:15px;
    padding-top:2px;

}
.Bright_2_3_1 li a span{
    color: #96a2b4;
    font-size: 14px;
}
.Bright_2_3_1 li a span .other1{
    color: #ffc36d;
}
.Bright_2_3_1 li a span .other2{
    color: #ff7676;
}
.Bright_2_3_1 li a span .other3{
    color: #2cabe3;
}
.text-success{
    display: block;
    font-size: 10px;
    color: #53e69d;
}

@media screen and (max-width:1180px){
    .nav_input input{
        display: none;
    }
    .nav_input img{
        display: none;
    }
    .Bheader_3 button{
        display: none;
    }
}
@media screen and (max-width:750px){
    .nav_user h3{
        display: none;
    }
    .nav_img img:last-child{
        display: none;
    }
    .Bheader{
        height:120px;
    }
    .Bheader_1{
        height:120px;
        padding:0 25px 0 85px;
    }
    .Bheader_2{
        width:100%;
        height:60px;
        line-height:60px;
        color:#969fa7;
        font-weight: bold;
    }
    .Bheader_3{
        width:100%;
        height:60px;
        text-align: left;
    }
    /*aside{*/
        /*display: none;*/
    /*}*/
    .nav_1{
        margin-left:0px;
    }
    .Bheader_1{
        padding:0 25px 0 15px;
    }
}

